import React, { Component } from 'react'

export default class Props extends Component {
    render() {
        return (
            <div>
                props为别的组件传过来的数据，不允许被修改
                <br />
                所有 React 组件都必须像纯函数一样保护它们的 props 不被更改。
                <hr />
                <Welcome name="props1" />
            </div>
        )
    }
}

function Welcome(props) {
    return <h1>hello, {props.name}</h1>
}